.container {
  padding-bottom: 155rpx;
}

.hydl {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.hydl view {
  margin-top: 20rpx;
  font-size: 30rpx;
}
.djsq {
	color: #333;
}
.hydlbd {
  width: 60%;
  left: 50%;
  top: 35%;
  position: fixed;
  transform: translate(-50%, 0);
  background: #fff;
  border-radius: 10px;
  z-index: 999;
  padding: 50rpx;
}

.hydlqueren {
  position: relative;
  height: 75rpx;
  width: 60%;
  font-size: 30rpx;
  line-height: 75rpx;
  text-align: center;
  color: white;
  background: #09bb07;
  border-radius: 10rpx;
  margin-top: 30rpx;
}

button:active {
  color: rgba(255, 255, 255, 0.6);
  opacity: 0.6;
}

.hydlzhezhao {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  z-index: 998;
}

page {
  background-color: #f5f5f5;
}

.qd {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 28rpx;
}

.qd image {
  width: 60rpx;
  height: 60rpx;
  margin-bottom: 20rpx;
}

.logs_header {
  width: 95%;
  margin: 20rpx auto;
  padding: 60rpx 40rpx;
  border-radius: 10rpx;
  background-color: #ffd263;
  display: flex;
  color: white;
  justify-content: center;
  align-items: center;
  position: relative;
}
.logs_header image.setting {
  width: 40rpx;
  height: 40rpx;
  position: absolute;
  right: 20rpx;
  top: 20rpx;
}
.logs_header .left,
.logs_header .right {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.logs_header .left text,
.logs_header .right text {
  display: block;
  color: #333;
}
.logs_header .left text:nth-child(2),
.logs_header .right text:nth-child(2) {
  color: red;
  font-weight: 600;
  margin: 5rpx 0;
}

.logs_header .btn {
  color: #333;
  padding: 2rpx 20rpx;
  border: 1px solid #333;
  border-radius: 50rpx;
  margin-top: 4rpx;
}
.logs_img {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.blackjt {
  position: absolute;
  right: 20rpx;
}
.logs_img image {
  margin-bottom: 10rpx;
}
.logs_imgs {
  width: 100rpx;
  height: 100rpx;
  min-width: 100rpx;
  border-radius: 50%;
}

.huanggimg {
  position: absolute;
  width: 30rpx;
  height: 30rpx;
  bottom: 10rpx;
  left: 70rpx;
}

.logs_img {
  display: flex;
  align-items: center;
  position: relative;
}

.blackjt {
  width: 30rpx;
  height: 30rpx;
}

.logs_name {
  /* margin-left: 30rpx; */
}

.logs_name1 {
  font-size: 30rpx;
  color: #333;
}

.logs_user {
  display: flex;
  margin-top: 15rpx;
}

.logs_tubiao {
  width: 20rpx;
  height: 30rpx;
  border-radius: 6rpx;
  margin-right: 10rpx;
}

.logs_tel {
  font-size: 24rpx;
}

.logs_imgright {
  width: 20rpx;
  height: 30rpx;
}

.logs_content {
  width: 95%;
  margin: 20rpx auto;
  padding: 20rpx;
  background-color: white;
  display: flex;
  border-radius: 10rpx;
}

button {
  border-radius: 0rpx;
}

button::after {
  border-radius: 0rpx;
}

.content_left {
  width: 33.33%;
  height: 120rpx;
  /* border-right: 1rpx solid #d5d5d5; */
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.content_left1 {
  color: #ff9900;
}

.content_integral {
  font-size: 24rpx;
}

.content_font {
  font-size: 42rpx;
}

.content_coll {
  font-size: 22rpx;
}

.content_middle {
  color: #ff5f3e;
}

.content_right {
  color: #6ac20b;
}
.wallet_img {
  width: 60rpx;
  height: 60rpx;
}

.logs_order {
  width: 95%;
  margin: 20rpx auto;
  background-color: white;
  font-size: 30rpx;
  color: #333;
  padding: 20rpx 0;
  /* border-top: 1rpx solid #eeeeee;
  border-bottom: 1rpx solid #eeeeee; */
  display: flex;
  flex-wrap: wrap;
}
.logs_order .title {
  font-size: 32rpx;
  font-weight: 600;
  width: 100%;
  margin: 0 30rpx;
}
.logs_center {
  width: 25%;
  /* height: 89rpx; */
  /* border-bottom: 1rpx solid #eeeeee; */
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20rpx 0;
}

.center_img {
  width: 30rpx;
  height: 30rpx;
}

.center_map {
  width: 60rpx;
  height: 60rpx;
  margin-bottom: 8rpx;
}

.logs_centerimg {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.logs_centerimg view:nth-child(1) {
  font-weight: 600;
}

.logs_seller {
  margin: 20rpx 0rpx;
  background-color: white;
  font-size: 28rpx;
  color: #333;
  padding: 0rpx 30rpx;
  border-top: 1rpx solid #eeeeee;
  border-bottom: 1rpx solid #eeeeee;
}

.footer {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 80rpx;
}

.footer_img {
  width: 50rpx;
  height: 50rpx;
}

.footer_text1 {
  font-size: 36rpx;
  color: #999;
  margin-left: 10rpx;
}

.hykimg {
  margin-top: 30rpx;
  width: 100%;
  height: 150rpx;
}

.hykimg image {
  width: 100%;
  height: 100%;
}

.banner {
  margin-top: 20rpx;
  width: 100%;
  height: 200rpx;
}

.swiper-container .swiper {
  height: 200rpx;
}

.cjhy {
  margin-left: 20rpx;
  font-size: 20rpx;
  background: #2d2c31;
  color: #fde89c;
  padding: 0rpx 10rpx;
  border-radius: 5rpx;
}

.cjhy image {
  margin-right: 10rpx;
  width: 25rpx;
  height: 25rpx;
}

.sq_screen {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  background: #000;
  opacity: 0.7;
  overflow: hidden;
}

.sq_box {
  width: 80vw;
  overflow: hidden;
  position: fixed;
  top: 15%;
  left: 0;
  z-index: 1001;
  background: #fafafa;
  margin: 0 10vw 0 10vw;
  border-radius: 30rpx;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.sq_box image {
  margin: 40rpx 0 40rpx 40rpx;
  width: 430rpx;
  height: 364rpx;
}

.sq_title {
  padding: 40rpx;
  font: 30rpx 'microsoft yahei';
  font-weight: bold;
  text-align: center;
  color: #333;
}

.sq_title1 {
  padding: 0 20rpx;
  font: 27rpx 'microsoft yahei';
  text-align: center;
  color: #666;
}

.sq_content {
  height: 210px;
  overflow-y: scroll;
}

.btn_ok {
  padding: 25rpx;
  font: 30rpx 'microsoft yahei';
  text-align: center;
  margin: 5rpx 0 40rpx;
  background: #f44444;
  width: 55vw;
  border-radius: 50rpx;
  color: #fff;
}
.bottom {
  width: 95%;
  margin: 20rpx auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 20rpx;
  border-radius: 10px;
  background: #fff;
}
.bottom image {
  width: 60rpx;
  height: 60rpx;
}
